<!DOCTYPE html>
<html lang="en" style="">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>美团</title>
    <link rel="stylesheet" href="css/initialized.css">
    <link rel="stylesheet" href="css/index.css">
</head>

<body>
    <div class="container">
        <!-- 搜索栏部分 -->
        <header class="search-box">
            <div class="site">
                <a href="http://www.meituan.com">成都</a>
            </div>
            <div class="search">
                <a href="#">
                    <span>请输入商家名、品类或者商圈、美食名称</span>
                </a>
            </div>
            <div class="uearname">
                <a href="http://www.meituan.com">
                    <img src="images/uearname.png" alt="">
                </a>
            </div>
        </header>
        <div class="logo">
            <div class="logo-left clear">
                <img src="upload/logo.png" alt="" class="fl">
                <div class="logo-text fl">
                    <h3>省钱利器，购物划算</h3>
                    <p>吃喝玩乐尽在美团</p>
                </div>

            </div>
            <div class="logo-right">
                <a href="#">去APP</a>
            </div>
        </div>
        <!-- 导航部分 -->

        <div class="nav clear">
            <ul>
                <li>
                    <a href="#">
                        <span class="iconfont">&#xe615;</span><span>美食</span>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <span class="iconfont">&#xe601;</span><span>猫眼电影</span>

                    </a>
                </li>
                <li>
                    <a href="#">
                        <span class="iconfont">&#xe68d;</span><span>酒店</span>

                    </a>
                </li>
                <li>
                    <a href="#">
                        <span class="iconfont">&#xe629;</span><span>休闲娱乐</span>

                    </a>
                </li>
                <li>
                    <a href="#">
                        <span class="iconfont">&#xe62b;</span><span>外卖</span>

                    </a>
                </li>
                <li>

                    <a href="#"><span class="iconfont">&#xe614;</span><span>KTV</span></a>
                </li>
                <li>

                    <a href="#"> <span class="iconfont">&#xe613;</span><span>周边游</span></a>
                </li>
                <li>

                    <a href="#"> <span class="iconfont">&#xe64c;</span><span>丽人</span></a>
                </li>
                <li>

                    <a href="#"><span class="iconfont">&#xe621;</span><span>小吃快餐</span></a>
                </li>
                <li>

                    <a href="#"><span class="iconfont">&#xe602;</span><span>全部分类</span></a>
                </li>
            </ul>
        </div>

        <!-- 猜你喜欢部分 -->
        <div class="main-show">
            <div class="main-show-bd">猜你喜欢</div>
            <ul>
                <li>
                    <a href="http://wwwmeituan.com">
                        <div class="info-img">
                            <img src="upload/tu1.jpg" alt="" srcset="">
                        </div>
                        <div class="info">
                            <h4>华莱士，全鸡汉堡</h4>
                            <p>[成都等]、[大块多汁]单人套餐</p>
                            <div class="price clear">
                                <span class="fl">19</span>
                                <i class="fl">门市价38</i>
                                <em class="fr">已售146791</em>
                            </div>
                        </div>

                    </a>
                </li>

                <li>
                    <a href="http://wwwmeituan.com">
                        <div class="info-img">
                            <img src="upload/tu2.jpg" alt="" srcset="">
                        </div>
                        <div class="info">
                            <h4>行大田牛排海鲜自助</h4>
                            <p>[2店通用]海鲜牛排单人自助</p>
                            <div class="price clear">
                                <span class="fl">69</span>
                                <i class="fl">门市价129</i>
                                <em class="fr">已售346791</em>
                            </div>
                        </div>

                    </a>
                </li>

                <li>
                    <a href="http://wwwmeituan.com">
                        <div class="info-img">
                            <img src="upload/tu3.jpg@270_0_1080_1080a_267h_267w_2e_90Q" alt="" srcset="">
                        </div>
                        <div class="info">
                            <h4>巴蜀大将火锅</h4>
                            <p>[9店通用]50元代金券1张，可叠加</p>
                            <div class="price clear">
                                <span class="fl">46</span>
                                <i class="fl">门市价50</i>
                                <em class="fr">已售266791</em>
                            </div>
                        </div>

                    </a>
                </li>

                <li>
                    <a href="http://wwwmeituan.com">
                        <div class="info-img">
                            <img src="upload/tu4.jpg@133_0_533_533a_267h_267w_2e_90Q" alt="" srcset="">
                        </div>
                        <div class="info">
                            <h4>芭菲盛宴.环球美食</h4>
                            <p>[高新区]单人自助晚餐</p>
                            <div class="price clear">
                                <span class="fl">176</span>
                                <i class="fl">门市价188</i>
                                <em class="fr">已售326791</em>
                            </div>
                        </div>

                    </a>
                </li>

                <li>
                    <a href="http://wwwmeituan.com">
                        <div class="info-img">
                            <img src="upload/tu5.jpg@333_0_1333_1333a_267h_267w_2e_90Q" alt="" srcset="">
                        </div>
                        <div class="info">
                            <h4>蜀锦味老火锅</h4>
                            <p>[春熙路]100元代金劵1张，可叠加</p>
                            <div class="price clear">
                                <span class="fl">88</span>
                                <i class="fl">门市价100</i>
                                <em class="fr">已售13691</em>
                            </div>
                        </div>

                    </a>
                </li>



                <li>
                    <a href="http://wwwmeituan.com">
                        <div class="info-img">
                            <img src="upload/tu1.jpg" alt="" srcset="">
                        </div>
                        <div class="info">
                            <h4>华莱士，全鸡汉堡</h4>
                            <p>[成都等]、[大块多汁]单人套餐</p>
                            <div class="price clear">
                                <span class="fl">19</span>
                                <i class="fl">门市价38</i>
                                <em class="fr">已售146791</em>
                            </div>
                        </div>

                    </a>
                </li>

                <li>
                    <a href="http://wwwmeituan.com">
                        <div class="info-img">
                            <img src="upload/tu2.jpg" alt="" srcset="">
                        </div>
                        <div class="info">
                            <h4>行大田牛排海鲜自助</h4>
                            <p>[2店通用]海鲜牛排单人自助</p>
                            <div class="price clear">
                                <span class="fl">69</span>
                                <i class="fl">门市价129</i>
                                <em class="fr">已售346791</em>
                            </div>
                        </div>

                    </a>
                </li>

                <li>
                    <a href="http://wwwmeituan.com">
                        <div class="info-img">
                            <img src="upload/tu3.jpg@270_0_1080_1080a_267h_267w_2e_90Q" alt="" srcset="">
                        </div>
                        <div class="info">
                            <h4>巴蜀大将火锅</h4>
                            <p>[9店通用]50元代金券1张，可叠加</p>
                            <div class="price clear">
                                <span class="fl">46</span>
                                <i class="fl">门市价50</i>
                                <em class="fr">已售266791</em>
                            </div>
                        </div>

                    </a>
                </li>

                <li>
                    <a href="http://wwwmeituan.com">
                        <div class="info-img">
                            <img src="upload/tu4.jpg@133_0_533_533a_267h_267w_2e_90Q" alt="" srcset="">
                        </div>
                        <div class="info">
                            <h4>芭菲盛宴.环球美食</h4>
                            <p>[高新区]单人自助晚餐</p>
                            <div class="price clear">
                                <span class="fl">176</span>
                                <i class="fl">门市价188</i>
                                <em class="fr">已售326791</em>
                            </div>
                        </div>

                    </a>
                </li>

                <li>
                    <a href="http://wwwmeituan.com">
                        <div class="info-img">
                            <img src="upload/tu5.jpg@333_0_1333_1333a_267h_267w_2e_90Q" alt="" srcset="">
                        </div>
                        <div class="info">
                            <h4>蜀锦味老火锅</h4>
                            <p>[春熙路]100元代金劵1张，可叠加</p>
                            <div class="price clear">
                                <span class="fl">88</span>
                                <i class="fl">门市价100</i>
                                <em class="fr">已售13691</em>
                            </div>
                        </div>

                    </a>
                </li>
            </ul>
        </div>

        <footer>

        </footer>













    </div>
</body>

</html>